// 1 引入axios和element-ui 的提示盒子
import axios from 'axios'
import qs from 'qs'
import local from '@/utils/local.js'
import NProgress from 'nprogress'
import 'nprogress/nprogress.css'

// 2 axios的相关配置 拦截器
axios.defaults.baseURL = 'http://127.0.0.1:5000'
// 2.1 请求拦截器
axios.interceptors.request.use(config => {
  NProgress.start()
  // config就是所有的配置项,里面包含了请求头
  const token = local.get('token')

  if (token) {
    config.headers.Authorization = token
  }
  return config
})
// 响应拦截器
axios.interceptors.response.use(res => {
  NProgress.done()
  return res
})
// 3 导出一些请求方式的相关功能
export default {
  get(url, params) {
    return new Promise((resolve, reject) => {
      // 如果有一些公共的功能,提前封装直接给出最简单的结果
      axios
        .get(url, { params })
        .then(res => {
          resolve(res.data)
        })
        .catch(err => {
          reject(err)
        })
    })
  },
  post(url, body) {
    return new Promise((resolve, reject) => {
      // 如果有一些公共的功能,提前封装直接给出最简单的结果
      axios
        .post(url, qs.stringify(body))
        .then(res => {
          resolve(res.data)
        })
        .catch(err => {
          reject(err)
        })
    })
  },
  put() {},
  del() {}
}
